<template>
	<view>
	<view class="container">
		<view>支付剩余时间  05:00:00</view>
		<p style="font-size: 24px;margin-top: 10px;">￥88</p>
	</view>
	<view>
		<p style="margin-left:20px;">支付方式</p>
		<view class="box">
			<uni-data-checkbox mode="list" selectedColor="#E99D42" v-model="radio" :localdata="name"></uni-data-checkbox>
			<!-- <p>余额支付</p>
			<p>微信支付</p> -->
		</view>
		<button type="primary" style="width:80%;margin: auto; background-color: #E99D42;margin-top:30px;border-radius: 20px;">确认支付</button>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			radio:0,
			name:[
				{
					text:'微信支付',
					value:0
				},{
					text:'余额支付',
					value:1
				}
			]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.container{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.box{
	width: 80%;
	margin: auto;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	background-color: gainsboro;
}
</style>
